<template>
  <ul class="todo-main">
<h3>中间</h3>
    <MyItem v-for="todoObj in todos" :key="todoObj.id" :todo="todoObj" :checkTodo="checkTodo" :remove="remove"/>
  </ul>
</template>

<script>
import MyItem from "@/components/MyItem";

export default {
  name: "MyList",
  components: { MyItem },
  props: ["todos","checkTodo","remove"],
};
</script>
<style scoped>
  .todo-main {
    border: 1px solid black;
  }
</style>
